<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>首页</title>
  </head>
  <body>
    <!-- 首页的顶部 -->
    <div class="nav">
      <a href="./index.html" class="logo"
        ><img src="<%=require('../../images/logo.png')%>"
      /></a>
      <div class="top_bg"></div>
      <%= require('../../htmlCommon/header.ejs')({'current':'home'})%>
    </div>
    <div class="index-header">
      <img class="header-bg" src="<%=require('../../images/index-bg.png')%>" />
      <div class="header-synopsis">
        <div class="synopsis-content">
          <div class="synopsis-left">
            <ul>
              <li>视频</li>
              <li>音频</li>
              <li>无届互联</li>
            </ul>
            <p class="media-service">
              畅音互动为您提供音视频的各种技术支持
            </p>
            <div class="check-btn">
              <a class="check-product" href="javascript:void(0)">查看产品</a>
            </div>
          </div>
          <div class="synopsis-right">
            <img
              class="synopsis-right-img"
              src="<%=require('../../images/media.png')%>"
            />
          </div>
        </div>
      </div>
    </div>
    <!-- 畅音产品 -->
    <div class="unimpeded-sound">
      <div class="unimpeded-title">畅音产品</div>
      <p class="unimpeded-describe">
        我们为全球的用户提供安全可靠的音视频技术，提供云存储、音视频处理、图片处理等完整等解决方案
      </p>
      <ul class="product-list">
        <li class="active">
          <b class="short-video"></b>
          <p>短视频SDK</p>
        </li>
        <li>
          <b class="player"></b>
          <p>播放器SDK</p>
        </li>
        <li>
          <b class="cloud-storage"></b>
          <p>云存储</p>
        </li>
        <li>
          <b class="picture-process"></b>
          <p>图片处理</p>
        </li>
        <li>
          <b class="audio-and-video"></b>
          <p>音视频处理</p>
        </li>
      </ul>
      <div class="sdk-item item-content item-content-active">
        <img src="<%=require('../../images/short-video-img.png')%>" />
        <div class="short-player-content">
          <p class="player-content-title">短视频SDK</p>
          <div class="short-video-sdk-describe">
            <b></b>
            <div class="short-video-sdk-info">
              <p class="info-describe">
                集短视频录制、编辑、上传、存储、分发、播放于一体的全流程短视频技术解决方案，全方位满足功能需求，高效解决短视频开发难题。
              </p>
              <a href="./productVideoSDK.html"><span>查看详解</span><b></b></a>
            </div>
          </div>
        </div>
      </div>
      <div class="sdk-item item-content">
        <img src="<%=require('../../images/player-img.png')%>" />
        <div class="short-player-content">
          <p class="player-content-title">播放器SDK</p>
          <div class="short-video-sdk-describe">
            <b></b>
            <div class="short-video-sdk-info">
              <p class="info-describe">
                播放器SDK是一款全自研内核的跨平台多媒体播<br />放器，支持Android、iOS端。播放器SDK具有包<br />体小、首开快、播放流畅、使用简单等明显优势<br />可支持直播、点播场景下的多种视频格式及流媒<br />体协议。
              </p>
              <a href="./playerSDK.html"><span>查看详解</span><b></b></a>
            </div>
          </div>
        </div>
      </div>
      <div class="sdk-item item-content">
        <img src="<%=require('../../images/cloud-storage-img.png')%>" />
        <div class="short-player-content">
          <p class="player-content-title">云存储</p>
          <div class="short-video-sdk-describe">
            <b></b>
            <div class="short-video-sdk-info">
              <p class="info-describe">
                云存储是面向非结构化数据的对象存储服务，具<br />有使用简单、高稳定、高安全等特点，满足大数<br />据、人工智能、物联网背景下等数据传输、处<br />理、存储、分发与容灾需求。
              </p>
              <a href="./cloudStorage.html"><span>查看详解</span><b></b></a>
            </div>
          </div>
        </div>
      </div>
      <div class="sdk-item item-content">
        <img src="<%=require('../../images/img-processing.png')%>" />
        <div class="short-player-content">
          <p class="player-content-title">图片处理</p>
          <div class="short-video-sdk-describe">
            <b></b>
            <div class="short-video-sdk-info">
              <p class="info-describe">
                图片处理，基于云存储和CDN,提供图片处理、<br />格式转换、水印、截图、瘦身等基础功能，并基<br />于海量数据深度学习，对媒体内容实现智能审<br />核、智能识别。
              </p>
              <a href="./manageImg.html"><span>查看详解</span><b></b></a>
            </div>
          </div>
        </div>
      </div>
      <div class="sdk-item item-content">
        <img src="<%=require('../../images/audio-video-pic.png')%>" />
        <div class="short-player-content">
          <p class="player-content-title">音视频处理</p>
          <div class="short-video-sdk-describe">
            <b></b>
            <div class="short-video-sdk-info">
              <p class="info-describe">
                基于云存储和CDN,针对音视频数据，提供了视频转码、叠加水印、视频截图、智能封面、智能编辑等视频处理服务，还提供支持H.265/VP9等多种前沿等技术。
              </p>
              <a href="./audioVideoSDK.html"><span>查看详解</span><b></b></a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 我们的优势 -->
    <div class="advantage">
      <div class="advantage-title">我们的优势</div>
      <p class="advantage-describe">
        严谨的产品构思与专业的技术开发为我们提供了安全可靠的技术方案
      </p>
      <div class="advantage-introduce">
        <div class="introduce-item">
          <div class="safety"></div>
          <p class="item-title">安全</p>
          <div class="detail-describe">
            完善的访问控制，支持客户端及服务端加密，数据传输支持SSL，保障数据安全不泄露
          </div>
        </div>
        <div class="introduce-item">
          <div class="concise"></div>
          <p class="item-title">简洁</p>
          <div class="detail-describe">
            全自助化配置管理，提供全方位API接口，可视化统计报表与数据分析
          </div>
        </div>
        <div class="introduce-item">
          <div class="efficient"></div>
          <p class="item-title">高效</p>
          <div class="detail-describe">
            精准的产品逻辑与技术让我们的技术效率犹如火箭一般
          </div>
        </div>
      </div>
    </div>
    <%= require('../../htmlCommon/footer.ejs')() %>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
  </body>
</html>
